<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>易问医2.4.0接口文档</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/chrome-bootstrap/1.5.0/chrome-bootstrap.min.css">
    <link href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        html {
            position: relative;
            min-height: 100%;
        }

        body {
            /* Margin bottom by footer height */
            margin-bottom: 60px;
        }

        .footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            /* Set the fixed height of the footer here */
            height: 40px;
        }
    </style>
    <script>
        $(function () {
            $('#add-interface').click(function () {
                $('#contentDialog .modal-title').text('新增接口');
                $('#contentDialog .modal-body').text('<textarea rows="30" cols="50" name="editor01"></textarea>');
                $('#contentDialog').modal('show')
            });
        });
    </script>
</head>
<!--3cb269-->
<body style="background-color: #e3e3e3;">
<div class="navbar navbar-fixed-top" style="background-color: #167476;border-bottom:5px solid #38b3af;">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand " href="http://seed.opdar.com" style="color: white;">易问医2.4.0接口文档</a>
        </div>
    </div>
</div>
<div class="container" style="margin-top: 100px;">
    <button class="btn btn-default btn-block" id="add-interface" style="margin-bottom: 20px;"><i class="fa fa-plus-circle"></i> 添加</button>
    <% for(inter in interfaces){ %>
    <div class="panel panel-default">
        <div class="panel-heading"><table width="100%">
            <tr>
                <th>${inter.key}</th>
                <th style="text-align: right"><button class="btn btn-default"><i class="fa fa-edit"></i></button> <button class="btn btn-default"><i class="fa fa-arrow-circle-left"></i></button></th>
            </tr>
        </table></div>
        <div class="panel-body">
            ${inter.value}
        </div>
    </div>
    <% } %>
</div>
<footer class="footer">
    <div class="container">
        <p class="text-muted" style="text-align: right;">Copyright@2015 opdar.com 基于SeedMVC开发</p>
    </div>
</footer>

<div class="modal fade" id="contentDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>